<template>
	<view class="list-box">
		<view class="list-item box-border  f-row jc-sb ai-c" @tap="jumpPages(i.url,i.id)" v-for="i in list" :key="i.id">
			<view class="f-row ai-c">
				<image :src="i.iconUrl" mode="" class="icon"></image>
				<text>
					{{i.title}}
				</text>
			</view>
			<view class="jiantou">

			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				goOfficeUrl:'',
				list: [{
					id: 1,
					title: '我的求购',
					iconUrl: '/static/icon/my/icon1.png',
					url: '/my_pages/myWant/myWant?myType=1'
				}, {
					id: 8,
					title: '我的供应',
					iconUrl: '/static/icon/my/icon2.png',
					url: '/my_pages/my_supply/mySupply'
				},{
					id: 2,
					title: '我的报价',
					iconUrl: '/static/icon/my/icon2.png',
					url: "/resume_pages/job_posting/job_posting",
					url: '/my_pages/myWant/myWant?myType=2'
				}, {
					id: 3,
					title: '我的积分',
					iconUrl: '/static/icon/my/icon3.png',
					url: '/my_pages/integral/integral'
				}, {
					id: 4,
					title: '我的会员',
					iconUrl: '/static/icon/my/icon4.png',
					url: '/my_pages/myVIP/myVIP',
				}, {
					id: 5,
					title: '视频教学',
					iconUrl: '/static/icon/my/icon5.png',
					url: '/my_pages/myTeach/myTeach'
				}, {
					id: 6,
					title: '苗圃认证',
					iconUrl: '/static/icon/my/icon6.png',
					url:'/my_pages/nurseryAuth/nurseryAuth'
				},
				{
					id: 7,
					title: '关注公众号',
					iconUrl: '/static/icon/my/icon6.png',
					url: '/my_pages/offical/offical'
				}
				]
			}
		},
		methods: {
			jumpPages(url,id) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.list-box {
		z-index: 999;
		margin: 126upx 30upx 10upx;
		border-radius: 20upx;
		background-color: #fff;
		padding: 0 20upx;
	}

	.list-item {
		height: 100upx;
		line-height: 100upx;
		border-bottom: 1upx solid #ECECEC;
	}

	.list-item:last-child {
		border: none;
	}

	text {
		color: #4D4D4D;
		font-size: 28upx
	}

	.icon {
		width: 40upx;
		height: 40upx;
		margin-right: 20upx;
	}
</style>
